/**
 * @name ResultsDisplay
 * @author darcrand
 * @desc 成果展示
 */

import React, { Component } from "react"
import "./styles.global.less"

const p1 = require("@/assets/images/p01.png")
const p2 = require("@/assets/images/p02.png")
const p3 = require("@/assets/images/p03.png")
const p4 = require("@/assets/images/p04.png")
const p5 = require("@/assets/images/p05.png")
const f1 = require("@/assets/images/f1.png")
const f2 = require("@/assets/images/f2.png")
const f3 = require("@/assets/images/f3.png")
const f4 = require("@/assets/images/f4.png")

class ResultsDisplay extends Component {
    render() {
        return (
            <div className="results-display-container">
                <div className="g-section-title">
                    <span className="title">成果展示</span>
                    <span className="sub">Results Display</span>
                </div>

                <div className="photos">
                    <div className="row">
                        <div className="col-3" style={{ backgroundImage: `url("${f1}")` }} />
                        <div className="col-3" style={{ backgroundImage: `url("${f2}")` }} />
                        <div className="col-3" style={{ backgroundImage: `url("${f3}")` }} />
                        <div className="col-3" style={{ backgroundImage: `url("${f4}")` }} />
                    </div>
                    <div className="row">
                        <div className="col-6" style={{ backgroundImage: `url("${p1}")` }} />
                        <div className="col-6" style={{ backgroundImage: `url("${p2}")` }} />
                    </div>
                    <div className="row">
                        <div className="col-4" style={{ backgroundImage: `url("${p3}")` }} />
                        <div className="col-4" style={{ backgroundImage: `url("${p4}")` }} />
                        <div className="col-4" style={{ backgroundImage: `url("${p5}")` }} />
                    </div>
                </div>
            </div>
        )
    }
}

export default ResultsDisplay
